<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
			<link rel="stylesheet" href="/style/css/font.css">
		<link rel="stylesheet" href="/style/css/weadmin.css" />
		  <link rel="stylesheet" href="/lib/layui/css/css/layui.css" media="all">
         <link rel="stylesheet" href="/lib/layui/css/eleTree.css" media="all">
         <script src="/lib/layui/css/layui.all.js"></script>
         <script src="/style/js/rbac_Cookie.js"></script>
		<script>
			layui.use(['form'], function() {
				var form = layui.form,
					$ = layui.jquery;
				$(function() {
					if(pageloadauthority("/views/User_Tree.html")==true){
						$("body").attr("style","display:block;");
						return;
					}
					atuLoginToken();
				})
			});
		</script>
	</head>
	<body style="display: none;">
	<div class="weadmin-nav">
			<span class="layui-breadcrumb" style="visibility: visible;">
        <a href="">首页</a><span lay-separator="">/</span>
			<a href="">权限管理</a><span lay-separator="">/</span>
			<a>
				<cite>权限分布树</cite></a>
			</span>
			<a class="layui-btn layui-btn-sm" style="line-height:1.6em;margin-top:3px;float:right" href="javascript:location.replace(location.href);" title="刷新">
				<i class="layui-icon" style="line-height:30px">ဂ</i></a>
		</div>
	
<div class="weadmin-body">  
	<input type="text" placeholder="请输入关键字进行搜索" autocomplete="off" class="layui-input eleTree-search">
	 <div class="eleTree ele3" lay-filter="data3"></div>
</div>			
		
	</body > 
<script>    
        layui.config({
            base: "/lib/layui/lay/mymodules/"
        }).use(['jquery','table','eleTree','code','form','slider'], function(){
            var $ = layui.jquery;
            var eleTree = layui.eleTree;
            var table = layui.table;
            var code = layui.code;
            var form = layui.form;
            var slider = layui.slider;  
    var logintoken=  getSharreTieba_LoginToken();
          var el3=eleTree.render({
                elem: '.ele3',
               url: "http://localhost:8086/permission/selectTreeAll",
               where:{
                'LoginKey':logintoken
            },  
                showCheckbox: true,
                defaultExpandAll: true,
                draggable: true,
                contextmenuList: ["copy","add","edit","remove"],
                  searchNodeMethod: function(value,data) {
        if (!value) return true;
        return data.label.indexOf(value) !== -1;
    }
            });
            
               
        $(".eleTree-search").on("change",function() {
          el3.search($(this).val());
       })
        
        

            
      eleTree.on("nodeClick(data3)",function(d) {
                console.group("节点点击nodeClick:")
                console.log(d.data);    // 点击节点对于的数据
                console.log(d.event);   // event对象
                console.log(d.node);    // 点击的dom节点
                console.log(this);      // 与d.node相同
                console.groupEnd();      

            }) 
            eleTree.on("nodeChecked(data3)",function(d) {
                console.group("节点选中nodeChecked:")
                console.log(d.data);    // 点击节点对于的数据
                console.log(d.isChecked);   // input是否被选中
                console.log(d.node);    // 点击的dom节点
                console.log(this);      // input对于的dom
                console.groupEnd();      
            })
            eleTree.on("nodeContextmenu(data3)",function(d) {
                console.group("节点右键nodeContextmenu:")
                console.log(d.data);    // 点击节点对于的数据
                console.log(d.event);   // event对象
                console.log(d.node);    // 点击的dom节点
                console.log(this);      // 与d.node相同
                console.groupEnd();      
            })
            
            eleTree.on("nodeDrag(data3)",function(d) {
                console.group("节点拖拽nodeDrag:")
                // d.stop();           // 取消拖拽
                console.log(d.current);    // 起始节点对应的dom和数据
                console.log(d.target);   // 鼠标落点对应的dom和数据
                console.log(this);      // 鼠标落点对应的dom
                console.groupEnd();      
            })

            eleTree.on("nodeAppend(data3)",function(d) {
                console.group("添加子节点nodeAppend:")
                console.log(d.data);    // 点击节点对于的数据
                console.log(d.node);    // 点击的dom节点
                console.log(this);      // 与d.node相同
                // d.stop();            // 取消添加
                // d.setData({          // 自定义数据
                //     id: 666,
                //     label: "aaa"
                // })
                console.log(d.newData); // 新增加的节点数据
                console.groupEnd();      
            })
            eleTree.on("nodeInsertBefore(data3)",function(d) {
                console.group("添加节点之前nodeInsertBefore:")
                console.log(d.data);    // 点击节点对于的数据
                console.log(d.node);    // 点击的dom节点
                console.log(this);      // 与d.node相同
                // d.stop();            // 取消添加
                // d.setData({          // 自定义数据
                //     key: 666,
                //     label: "aaa"
                // })
                console.log(d.newData); // 新增加的节点数据
                console.groupEnd();      
            })
            eleTree.on("nodeInsertAfter(data3)",function(d) {
                console.group("添加节点之后nodeInsertAfter:")
                console.log(d.data);    // 点击节点对于的数据
                console.log(d.node);    // 点击的dom节点
                console.log(this);      // 与d.node相同
                // d.stop();            // 取消添加
                // d.setData({          // 自定义数据
                //     key: 666,
                //     label: "aaa"
                // })
                console.log(d.newData); // 新增加的节点数据
                console.groupEnd();      
            })
            eleTree.on("nodeEdit(data3)",function(d) {
                console.group("编辑节点nodeEdit:")
                console.log(d.data);        // 点击节点对于的数据
                console.log(d.node);        // 点击的dom节点
                console.log(d.value);       // 新输入的值
                console.log(this);          // 与d.node相同
                // d.stop();                // 取消编辑
                console.groupEnd();      
            })
            eleTree.on("nodeRemove(data3)",function(d) {
                console.group("删除nodeRemove:")
                console.log(d.data);        // 点击节点对于的数据
                console.log(d.node);        // 点击的dom节点
                // d.stop();                // 取消删除
                console.groupEnd();      
            })
            
        });
        
       
    </script>
</html>
